<template lang="html">
  <el-row>
    <el-col :span="24" style="height: 100%;">
      <!-- <transition name="fade" mode="out-in"> -->
        <auth-index ref="index" ></auth-index>
        <!-- <router-view v-if="mode"></router-view> -->
      <!-- </transition> -->
    </el-col>
  </el-row>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  components: {
    CompanyHome: () => import('./mainpage/CompanyHome.vue'),
    AuthIndex: () => import('./login&register/Index.vue')
  },
  computed: {
    ...mapGetters({
      mode: 'getRole'
    })
  },
  watch: {
    mode(value) {
      if (value) {
        var url= this.$route.query.Rurl==''?'/manage_system':'/manage_system';
        this.$router.push({ path: url});
      } else {
        this.$router.push({ path: '/home'});
      }
    }
  },
}
</script>

<style>
  * {
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-sizing: border-box;
    font-family: "Microsoft Yahei";
  }

  html {
    height: 100%;
  }

  /* @media screen and (min-width: 0px) and (max-device-width: 1000px) {
  html {
    font-size: 62.5%;
  }
} */

  @media screen and (min-width: 0px) and (max-device-width: 2000px) {
    html {
      font-size: 62.5%;
    }
  }

  body {
    height: 100%;
  }

  #app {
    height: 100%;
  }

  a {
    text-decoration: none;
  }

  .float_left {
    float: left;
  }

  .float_right {
    float: right;
  }

</style>
